IT EXPLAINED 數位轉型攻略 VII
免費 CyberLAB實機操作課程
Cloud Future Built Today
技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
27
1
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
27
篇
day27【主題六:選擇器】筆記2
11th鐵人賽
Amy
2019-09-28 09:22:37
603 瀏覽
分享至
一、選擇每間隔n個元素,:nth-child()
:nth-child(1) 相當於 :first-child
可使用an+b、an-b,兩種代數運算式
實務上常用於清除列圖文列表、面板清單的浮動,n等於一列要的個數 .class li:nth-child(3n+1){clear:left}
注意!n是從0開始,但是所有元素都是從1開始數
:nth-child(2n)表示所有偶數項子代元素(even)
:nth-child(2n+1)、:nth-child(2n-1)表示所有奇數項子代元素(odd)
:nth-last-child()是從兄弟元素列表的尾端往回數
兩個虛擬類別同樣也可以串接使用
使用nth-child時,會將子層中的所有標籤都會一起列號計算
二、每隔n的項目選擇相同類型元素,:nth-of-type()
:nth-of-type(1):nth-last-of-type(1)相當於:only-of-type,但有較高的權重
使用nth-of-type時,會只將子層中的特定選擇列號計算
三、第一個字母與第一行內容
第一個字母,::first-letter
第一行內容,::first-line
只適用於標題或斷落等區塊元素,不是超連結的行內顯示,能夠用的屬性也有所限制(p98)
留言
追蹤
檢舉
上一篇
day26【主題六:選擇器】筆記1
下一篇
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
系列文
CSS 大全(第四版)閱讀筆記
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
day26【主題六:選擇器】筆記1
27
day27【主題六:選擇器】筆記2
28
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
29
day29【主題七:邊界範圍】
30
day30【主題八:數值與單位】
完整目錄
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22202
篇
完賽人數
600
人
看影片追技術
看更多
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
(已解決)企業gmail設定dmarc問題
沒有固定IP,該怎麼自動設定DNS的A紀錄
VMware續用
請問現在無障礙網頁AA標章是否要求很嚴格,光是靠掃描通過不應立刻送件?
[已解決]SQL Server還原資料庫,選擇檔案空白無資料
兩岸三地250人以上會議軟體推薦
被掏寶大量連到DNS
aruba IAP問題
伺服器上的安全性資料庫沒有此工作站信任關係的電腦帳戶求解
windows server 2022本機使用者到底是什麼?
全新登場!CYBERSEC ARENA:War Game遊戲中體驗資安威脅應對,提升戰略思維與決策力!
立即標記行事曆,7/2 探索 AI 與雲端的無限未來!
Windows 10支援倒數,聯繫微軟夥伴諮詢
錯過線上報名現場將收費!CYBERSEC 2025免費線上報名倒數!
DevOpsDays盛會早鳥優惠倒數,精彩議程講者陣容敬請期待!
GenAI 加速企業創新落地,更需要全新 IT 戰略
熱門回答
沒有固定IP,該怎麼自動設定DNS的A紀錄
VMware續用
[已解決]SQL Server還原資料庫,選擇檔案空白無資料
(已解決)企業gmail設定dmarc問題
有可能自己做出一個用手機就能掃描辨識的工具嗎?
熱門文章
VMware 入門筆記 - 3 - 安裝與設定 Linux 虛擬機
Linux 指令快速參考表
好奇FG-70F各OS版本之SSL-VPN功能與FG-90G差別
VMware 入門筆記 - 4 - 安裝與設定 Window 11 虛擬機
Java 入門筆記 - 3 - Java 程式架構與輸入輸出
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}